<template>
	<view class="frame">
			<view class="allwrap">
				<view style="width: 750rpx; height: 32rpx;"></view>
				<view class="frame-block">
					<view class="block-content flexal">
						<view style="font-weight: 400;font-size: 30rpx;color: #000000;flex:1">会议号</view>
						<u-input v-model="value" :type="type" :border="border" :custom-style="{'text-align': 'right'}" placeholder="请输入会议号" />
					</view>
					<view class="frame-line"></view>
					<view class="block-content flexal">
						<view style="font-weight: 400;font-size: 30rpx;color: #000000;flex:1">您的姓名</view>
						<u-input v-model="value" :type="type" :border="border" :custom-style="{'text-align': 'right'}" placeholder="请输入您的名称" />
					</view>
				</view>
				<view style="width: 750rpx; height: 32rpx;"></view>
				<view class="frame-block">
					<view class="block-content flexal" style="padding: 32rpx; 32rpx">
						<view style="font-weight: 400;font-size: 30rpx;color: #000000;flex:1">开启麦克风</view>
						<u-switch v-model="checked" size="40"></u-switch>
					</view>
					<view class="frame-line"></view>
					<view class="block-content flexal" style="padding: 32rpx; 32rpx">
						<view style="font-weight: 400;font-size: 30rpx;color: #000000;flex:1">开启扬声器</view>
						<u-switch v-model="checked" size="40"></u-switch>
					</view>
					<view class="frame-line"></view>
					<view class="block-content flexal" style="padding: 32rpx; 32rpx">
						<view style="font-weight: 400;font-size: 30rpx;color: #000000;flex:1">开启视频</view>
						<u-switch v-model="checked" size="40"></u-switch>
					</view>
					<!-- <view class="frame-line"></view> -->
				</view>
				<view class="button flexcen">加入会议</view>
			</view>
			<!-- 电话提示滑动快 -->
			<movablearea1 :movaheight="movaheightAll" v-if="movableareaShow" @editMovaheightAll="editMovaheightAll" :movaTop="movaTopAll"></movablearea1>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				type: 'text',
				border: false,
				checked:false,
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
	.frame{
		background: #F3F4F6;
	}
	.frame-block{
		
		// margin-left: 32rpx;
		// padding-top: 32rpx;
		width: 686rpx;
		// height: 199rpx;
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.block-content{
		// display: grid;
		padding: 18rpx 32rpx;
	}
	.frame-line{
		margin-left: 32rpx;
		width: 622rpx;
		height: 0rpx;
		border: 1rpx solid #707070;
		opacity: 0.17;
	}
	.button{
		position: fixed;
		bottom: 98rpx;
		width: 686rpx;
		height: 80rpx;
		background: #0052D9;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		font-weight: normal;
		font-size: 30rpx;
		color: #FFFFFF;
	}
</style>
